﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BPanel登录</title>
    <link rel="stylesheet" href="~/css/layui.css"/>
    <style>
        body {
           padding: 0;
           margin: 0;
           display: flex;
           align-items: center;
           justify-content: center;
           height: 100vh;
           background: linear-gradient(135deg, #16baaa, #1E9FFF);
       }
        .login-container {
           width: 400px;
           background-color: rgba(255, 255, 255, 0.95);
           padding: 2rem;
           border-radius: 8px;
           box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
       }
        .items-center {
           display: flex;
           justify-content: center;
           align-items: center;
       }
        .login-title {
           color: #333;
           margin-bottom: 25px;
           font-size: 24px;
           font-weight: 500;
       }
        .layui-input {
           border-radius: 4px;
           padding: 10px 15px;
           height: 40px;
           transition: all 0.3s;
       }
        .layui-input:focus {
           border-color: #16baaa;
           box-shadow: 0 0 0 2px rgba(22, 186, 170, 0.2);
       }
        .layui-btn {
           width: 100%;
           height: 44px;
           font-size: 16px;
           border-radius: 4px;
           background-color: #16baaa;
           transition: all 0.3s;
       }
        .layui-btn:hover {
           background-color: #15a597;
           box-shadow: 0 4px 12px rgba(22, 186, 170, 0.3);
       }
        .error-message {
           color: #ff4d4f;
           text-align: center;
           margin-bottom: 15px;
       }
    </style>
</head>
<body class="bg-gray-100">
<div class="login-container">
       <form class="layui-form" method="post">
           <div class="layui-form-item items-center">
               <h1 class="login-title">BPanel登录</h1>
           </div>
           <div class="layui-form-item">
               <input type="text" placeholder="用户名" class="layui-input" name="username" required/>
           </div>
           <div class="layui-form-item">
               <input type="password" placeholder="密码" class="layui-input" name="password" required/>
           </div>
           <div class="layui-form-item">
               <input type="checkbox" title="记住我" name="recommendme">
           </div>
           <div class="layui-form-item error-message">
               @ViewData["Message"]
           </div>
           <button class="layui-btn" type="submit">登录</button>
       </form>
   </div>
</body>
<script src="/js/layui.js"></script>
<script>
    layui.use(function () {
        var form = layui.form;
        var $ = layui.$;
        // 初始设置半选
        //$('#ID-checkbox-ind').prop('indeterminate', true); // 半选属性只能动态设置
        form.render('checkbox');
    });
</script>
</html>